/*通用banner*/
.public-banner,
.swiper-container {
  width: 100%;
  // max-height: 480px;
  height: 100%;
  overflow: hidden;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: $color-5;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: $color-6;
}

.public-bannerBox {
  position: relative;
}

.public-bannerBoxMiddle {
  width: 1200px;
  height: 480px;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  transform: translateX(-50%);
}

.public-bannerBg {
  width: 1920px;
  // width:2124px;
  height: 480px;
  position: relative;
}

.public-bannerText1 {
  width: 652px;
  position: absolute;
  left: 70px;
  top: 65px;
  z-index: 1;

  p {
    color: $color-6;
    text-align: center;

    &:nth-of-type(1) {
      font-size: 30px;
    }

    &:nth-of-type(2) {
      font-size: 66px;
      font-weight: bold;
      text-shadow: 5px 2px 6px rgba(0, 0, 0, 0.2);
    }

    &:nth-of-type(3) {
      font-size: 16px;
      font-weight: bold;
    }

    &:nth-of-type(4) {
      font-size: 34px;
      font-weight: bold;
      margin-top: 20px;
    }
  }
}

.public-bannerImg1 {
  width: 393px;
  position: absolute;
  right: 40px;
  top: 40px;
  z-index: 1;
}

.public-bannerButton1 {
  width: 166px;
  height: 44px;
  border: 1px solid $color-6;
  border-radius: 44px;
  font-size: 22px;
  color: $color-6;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 300px;
  top: 315px;
  z-index: 1;

  i {
    font-size: 22px;
    margin: 2px 0 0 5px;
  }

  &:hover {
    background: $color-6;
    color: $color-4;
  }
}